/* pages/submit-order/submit-order.wxss */

page {
  background: #f2f2f2;
}
.cen_c {
  display: flex;
  justify-content: center;

  .box_5 {
    margin: 13rpx 0;
    background-color: rgba(255, 233, 219, 1);
    border-radius: 15px;
    height: 193.6046511627907rpx;
    width: 680.2325581395348rpx;
    position: relative;
    .section_2 {
      position: absolute;
      width: 0rpx;
      height: 159rpx;
      z-index: 1;
      border-left: 2rpx #ff4916 dashed;
      left: 247rpx;
      top: 15rpx;
    }
    .section_3 {
      width: 605.2325581395348rpx;
      height: 115.11627906976744rpx;
      margin: 38.41860465116279rpx 0 29.372093023255815rpx 40.06976744186046rpx;
      .group_3 {
        width: 139.53488372093022rpx;
        height: 83.72093023255815rpx;
        margin-top: 12.209302325581396rpx;
        .text_5 {
          width: 200.32558139534883rpx;
          height: 47.093023255813954rpx;
          overflow-wrap: break-word;
          color: rgba(255, 73, 22, 1);
          font-size: 38.372093023255815rpx;
          font-family: Source Han Sans-Bold;
          font-weight: 700;
          text-align: left;
          white-space: nowrap;
          line-height: 38.372093023255815rpx;
          margin-left: 3.488372093023256rpx;
        }
        .text_6 {
          overflow-wrap: break-word;
          color: rgba(255, 73, 22, 1);
          font-size: 24.41860465116279rpx;
          font-family: Source Han Sans-Regular;
          font-weight: NaN;
          text-align: center;
          white-space: nowrap;
        }
        .group_4 {
          border-radius: 13px;
          width: 139.53488372093022rpx;
          height: 34.883720930232556rpx;
          border: 0.5px solid rgba(255, 73, 22, 1);
          margin-top: -33.13953488372093rpx;
        }
      }
      .text-group_2 {
        width: 268.6046511627907rpx;
        height: 115.11627906976744rpx;
        margin-left: 108.13953488372093rpx;
        .text_7 {
          width: 200.37209302325581rpx;
          height: 31.3953488372093rpx;
          overflow-wrap: break-word;
          color: rgba(255, 73, 22, 1);
          font-size: 31.3953488372093rpx;
          font-family: Source Han Sans-Medium;
          font-weight: 500;
          text-align: center;
          white-space: nowrap;
          line-height: 31.3953488372093rpx;
        }
        .text_8 {
          width: 300.6046511627907rpx;
          height: 24.41860465116279rpx;
          overflow-wrap: break-word;
          color: rgba(255, 73, 22, 1);
          font-size: 24.41860465116279rpx;
          font-family: Source Han Sans-Regular;
          font-weight: NaN;
          text-align: left;
          white-space: nowrap;
          line-height: 24.41860465116279rpx;
          margin-top: 20.930232558139537rpx;
        }
        .text_9 {
          width: 260.48837209302326rpx;
          height: 24.41860465116279rpx;
          overflow-wrap: break-word;
          color: rgba(255, 73, 22, 1);
          font-size: 24.41860465116279rpx;
          font-family: Source Han Sans-Normal;
          font-weight: NaN;
          text-align: center;
          white-space: nowrap;
          line-height: 24.41860465116279rpx;
          margin-top: 13.953488372093023rpx;
        }
      }
      .label_4 {
        width: 41.86046511627907rpx;
        height: 41.86046511627907rpx;
        margin: 36.627906976744185rpx 0 0 47.093023255813954rpx;
      }
    }
    .section_4 {
      background-color: rgba(255, 255, 255, 1);
      border-radius: 50%;
      position: absolute;
      left: 233.72093023255815rpx;
      top: -13.953488372093023rpx;
      width: 27.906976744186046rpx;
      height: 27.906976744186046rpx;
    }
    .section_5 {
      background-color: rgba(255, 255, 255, 1);
      border-radius: 50%;
      position: absolute;
      left: 233.72093023255815rpx;
      top: 179.65116279069767rpx;
      width: 27.906976744186046rpx;
      height: 27.906976744186046rpx;
    }
    .text_10 {
      font-weight: 600;
      font-size: 31rpx;
      color: #9c9c9c;
      position: absolute;
      right: 60rpx;
      width: 6rpx;
      line-height: 38rpx;
      top: 77rpx;
    }
  }
  .box_5_de {
    background-color: #f1f1f1;
    .section_2 {
      border-left: 2rpx #9c9c9c dashed;
    }
    .section_3 {
      .group_3 {
        .text_5 {
          color: #9c9c9c;
        }
        .text_6 {
          color: #9c9c9c;
        }
        .group_4 {
          border: 0.5px solid #9c9c9c;
        }
      }
      .text-group_2 {
        .text_7 {
          color: #9c9c9c;
        }
        .text_8 {
          color: #9c9c9c;
        }
        .text_9 {
          color: #9c9c9c;
        }
      }
    }
  }
}

/* 收货地址 */

.submit-order {
  padding: 0 20rpx;
  padding-top: 1px;
  padding-bottom: calc(120rpx + constant(safe-area-inset-bottom));
  padding-bottom: calc(120rpx + env(safe-area-inset-bottom));
  background-color: #f2f2f2;
  height: 100vh;
}

.submit-order .delivery-addr {
  position: relative;
  background: #fff;
}

.delivery-addr .addr-bg .add-addr .plus-sign {
  color: #ff6d13;
  border: 2rpx solid #ff6d13;
  padding: 0rpx 6rpx;
  margin-right: 10rpx;
}

.delivery-addr .addr-bg {
  padding: 0 30rpx;
}

.delivery-addr .addr-bg.whole {
  padding: 0 39rpx 0 77rpx;
}

.delivery-addr .addr-bg .add-addr {
  font-size: 28rpx;
  color: #666;
  display: flex;
  align-items: center;
  padding: 30rpx 0;
}

.submit-order .delivery-addr .addr-icon {
  width: 32rpx;
  height: 32rpx;
  display: block;
  position: absolute;
  left: 30rpx;
  top: 24rpx;
}

.submit-order .delivery-addr .addr-icon image {
  width: 100%;
  height: 100%;
}

.submit-order .delivery-addr .user-info {
  padding-top: 20rpx;
  line-height: 48rpx;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.submit-order .delivery-addr .user-info .item {
  font-size: 30rpx;
  margin-right: 30rpx;
  vertical-align: top;
  display: inline-block;
}

.submit-order .delivery-addr .addr {
  font-size: 26rpx;
  line-height: 36rpx;
  color: #999;
  width: 90%;
  padding-bottom: 20rpx;
  margin-top: 15rpx;
}

.submit-order .delivery-addr .arrow {
  width: 15rpx;
  height: 15rpx;
  border-top: 2rpx solid #b3b3b3;
  border-right: 2rpx solid #b3b3b3;
  transform: rotate(45deg);
  position: absolute;
  right: 30rpx;
  top: 60rpx;
}

.submit-order .delivery-addr .arrow.empty {
  top: 39rpx;
}

.addr-bg .add-addr .plus-sign-img {
  width: 32rpx;
  height: 32rpx;
  font-size: 0;
  margin-right: 10rpx;
}

.addr-bg .add-addr .plus-sign-img image {
  width: 100%;
  height: 100%;
}

/* 背景 */
.submit-order .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 750rpx;
  height: 700rpx;
  font-size: 0;
}

.submit-order .bg image {
  width: 100%;
  height: 100%;
}

/* 收货地址 */
.submit-order .distribution-mode {
  padding: 30rpx 30rpx 0;
  position: relative;
}

.submit-order .distribution-mode .item-box {
  background: #e5e5e5;
  border-radius: 52rpx 52rpx 52rpx 52rpx;
  width: 380rpx;
  height: 60rpx;
  line-height: 60rpx;
  display: flex;
  margin: 0 auto;
  font-weight: 500;
  font-size: 28rpx;
  .item {
    flex: 1;
    border-radius: 60rpx;
    font-size: 28rpx;
    color: #666666;
    text-align: center;
  }
  .active {
    color: #fff;
    background: #ff6d13;
  }
}

/* 邮寄到家/到店自提 */
.submit-order .address-box {
  background: #fff;
  position: relative;
  border-radius: 23rpx;
  width: 100%;
  padding: 30rpx;
  box-sizing: border-box;
  margin-top: 30rpx;
}

.submit-order .address-box .tit {
  display: flex;
  justify-content: space-between;
  line-height: 40rpx;
  font-size: 28rpx;
}

.submit-order .address-box .tit .text {
  font-weight: 600;
}

.submit-order .address-box .tit .total {
  color: #ff6d13;
  position: relative;
  padding-right: 28rpx;
}

.submit-order .address-box .tit .total::after {
  position: absolute;
  right: 10rpx;
  top: 50%;
  display: block;
  width: 14rpx;
  height: 14rpx;
  border: 2rpx solid #666;
  border-width: 2rpx 2rpx 0 0;
  content: ' ';
  font-size: 0;
  transform: rotate(45deg) translateY(-50%);
}

.submit-order .address-box .add-item {
  display: flex;
  align-items: center;
  margin-top: 30rpx;
  font-size: 24rpx;
  position: relative;
}

.submit-order .address-box .add-item .text {
  width: 120rpx;
}

.submit-order .address-box .add-item .input,
.submit-order .address-box .add-item .area {
  flex: 1;
  padding: 0 30rpx 0 30rpx;
  font-size: 24rpx;
  height: 80rpx;
  border-radius: 80rpx;
  background: #f5f5f5;
}

.submit-order .address-box .add-item .area {
  position: relative;
  height: 80rpx;
  line-height: 80rpx;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.submit-order .address-box .add-item .area .placeholder-text {
  color: #808080;
}

.submit-order .address-box .add-item .area::after {
  position: absolute;
  right: 30rpx;
  top: 48%;
  display: block;
  width: 14rpx;
  height: 14rpx;
  border: 2rpx solid #666;
  border-width: 2rpx 2rpx 0 0;
  content: ' ';
  font-size: 0;
  transform: rotate(45deg) translateY(-50%);
}

.infoText {
  margin-top: 20rpx;
  text-align: center;
  width: 100%;
  justify-content: center;
}

picker-view {
  background-color: white;
  padding: 0;
  width: 100%;
  height: 380rpx;
  bottom: 0;
  position: fixed;
}

picker-view-column view {
  vertical-align: middle;
  font-size: 30rpx;
  line-height: 30rpx;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.animation-element-wrapper {
  display: flex;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999;
}

.animation-element {
  display: flex;
  position: fixed;
  width: 100%;
  height: 530rpx;
  bottom: 0;
  background-color: rgba(255, 255, 255, 1);
}

.animation-button {
  top: 20rpx;
  width: 290rpx;
  height: 100rpx;
  align-items: center;
}

picker-view text {
  color: #999;
  display: inline-flex;
  position: fixed;
  margin-top: 20rpx;
  height: 50rpx;
  text-align: center;
  line-height: 50rpx;
  font-size: 34rpx;
  font-family: Arial, Helvetica, sans-serif;
}

.left-bt {
  left: 30rpx;
}

.right-bt {
  right: 20rpx;
  top: 20rpx;
  position: absolute;
  width: 80rpx !important;
}

.line {
  display: block;
  position: fixed;
  height: 2rpx;
  width: 100%;
  margin-top: 89rpx;
  background-color: #eee;
}

.submit-order .address-box .add-item .input {
  padding-right: 70rpx;
}

.submit-order .address-box .add-item .addres-icon {
  position: absolute;
  right: 24rpx;
  top: 50%;
  width: 30rpx;
  height: 30rpx;
  transform: translateY(-50%);
}

.submit-order .address-box .add-item .btn {
  width: 220rpx;
  height: 60rpx;
  line-height: 60rpx;
  border-radius: 60rpx;
  font-size: 24rpx;
  text-align: center;
  border: 2rpx solid #ff6d13;
  color: #ff6d13;
  margin: 0 auto;
}

.submit-order .address-box .current-address {
  margin: 20rpx 0;
  position: relative;
  padding-right: 58rpx;
}

.submit-order .address-box .current-address .c-address {
  font-size: 28rpx;
  font-weight: 600;
  line-height: 40rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-word;
  color: #111111;
  margin-left: 20rpx;
  width: 100%;
}

.submit-order .address-box .current-address .c-user {
  font-size: 27.91rpx;
  margin-top: 20rpx;
  margin-left: 46rpx;
  color: #999999;
}

.submit-order .address-box .current-address .c-edit {
  font-size: 0;
  width: 27rpx;
  height: 16rpx;
  position: absolute;
  top: 11rpx;
  right: -21rpx;
  opacity: 0.8;
  line-height: 100%;
}

.submit-order .address-box .current-address .c-locate {
  font-size: 0;
  width: 30rpx;
  height: 30rpx;
  line-height: 100%;
}

.c-locate image {
  width: 100%;
  height: 100%;
}

.submit-order .address-box .current-address .c-edit image {
  width: 100%;
  height: 100%;
}

.submit-order .address-box .choose-way {
  padding-top: 30rpx;
  margin-top: 30rpx;
  border-top: 1px solid #eee;
  font-size: 28rpx;
  display: flex;
  line-height: 40rpx;
  justify-content: space-between;
}

.submit-order .address-box .choose-way .text {
  font-weight: 600;
}

.submit-order .address-box .choose-way .go {
  position: relative;
  padding-right: 28rpx;
}

.submit-order .address-box .choose-way .go::after {
  position: absolute;
  right: 8rpx;
  top: 45%;
  display: block;
  width: 14rpx;
  height: 14rpx;
  border: 2rpx solid #666;
  border-width: 2rpx 2rpx 0 0;
  content: ' ';
  font-size: 0;
  transform: rotate(45deg) translateY(-50%);
}
/* 邮寄到家 end */

/* 到店自提 */
.submit-order .address-box .self-raising {
  padding-bottom: 30rpx;
  border-bottom: 2rpx solid #eee;
}

.submit-order .address-box .self-raising .choose-store {
  display: flex;
  align-items: flex-start;
  padding-top: 30rpx;
}

.submit-order .address-box .self-raising .choose-store .img {
  width: 28rpx;
  height: 28rpx;
  margin-right: 10rpx;
}

.submit-order .address-box .self-raising .choose-store .text {
  font-size: 28rpx;
  font-weight: 600;
  /* height: 80rpx;
  line-height: 40rpx; */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  padding-right: 28rpx;
  word-break: break-all;
  flex: 1;
}
.submit-order .address-box .self-raising .choose-store .text.gray {
  color: #888;
  font-weight: inherit;
}

.submit-order .address-box .self-raising .choose-store .text::after {
  position: absolute;
  right: 4px;
  top: 12rpx;
  display: block;
  width: 14rpx;
  height: 14rpx;
  border: 2rpx solid #666;
  border-width: 2rpx 2rpx 0 0;
  content: ' ';
  font-size: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.submit-order .address-box .raising-user {
  margin-top: 30rpx;
  padding-bottom: 6rpx;
}

.submit-order .address-box .raising-user .user-info {
  margin-top: 30rpx;
  font-size: 24rpx;
}

.submit-order .address-box .raising-user .user-info .input {
  padding: 0 30rpx;
  font-size: 24rpx;
  background: #f5f5f5;
  height: 80rpx;
  border-radius: 80rpx;
}
/* 到店自提 end */

/* 商品列表 */
.shop-item {
  background: #fff;
  border-radius: 23rpx;
  margin-top: 20rpx;
  position: relative;
  overflow: hidden;
}

.prod-item {
  background-color: #fff;
  margin-top: 15rpx;
  font-size: 28rpx;
  border-radius: 10rpx;
}

.prod-item .item-cont .prod-pic image {
  width: 180rpx;
  height: 180rpx;
}

.prod-item .order-num {
  padding: 20rpx 30rpx;
  display: flex;
  justify-content: space-between;
  font-size: 28rpx;
}

.order-state {
  display: flex;
  align-items: center;
}

.prod-item .item-cont {
  display: flex;
  align-items: center;
  padding: 30rpx 0;
  padding-right: 20rpx;
  margin-left: 30rpx;
  border-bottom: 2rpx solid #f1f1f1;
}

.prod-item .order-num .clear-btn {
  width: 32rpx;
  height: 32rpx;
  font-size: 0;
  vertical-align: top;
  margin-top: 6rpx;
  margin-left: 42rpx;
  position: relative;
}

.prod-item .order-num .clear-btn::after {
  content: ' ';
  display: block;
  position: absolute;
  left: -10px;
  top: 1px;
  width: 1px;
  height: 12px;
  background: #ddd;
}

.prod-item .order-num .clear-btn .clear-list-btn {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.prod-item .item-cont .prod-pic {
  font-size: 0;
  display: block;
  width: 160rpx;
  height: 160rpx;
  border-radius: 26rpx;
  overflow: hidden;
  background: #fff;
  margin-right: 16rpx;
}

.prod-item .item-cont .prod-pic image {
  width: 100%;
  height: 100%;
}

.prod-item .item-cont .prod-info {
  margin-left: 10rpx;
  font-size: 28rpx;
  width: 100%;
  position: relative;
  height: 160rpx;
  -webkit-flex: 1;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  flex: 1;
}

.prod-item .item-cont .prod-info .prodname {
  font-size: 28rpx;
  line-height: 40rpx;
  max-height: 86rpx;
  /* 多行溢出隐藏 */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-break: break-all;
}

.prod-item .item-cont .prod-info .prod-info-cont {
  color: #999;
  margin: 6rpx 0;
  font-size: 22rpx;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-break: break-all;
}

.prod-item .total-num {
  text-align: right;
  padding: 20rpx 30rpx;
  font-size: 28rpx;
}

.prod-item .price-nums .prodprice {
  position: absolute;
  bottom: 0;
}

.prod-item .price-nums .prodcount {
  position: absolute;
  bottom: 5rpx;
  right: 0;
  color: #999;
  font-family: verdana;
}

.prod-item .total-num .prodprice {
  display: inline-block;
  color: #333;
}

.prod-item .total-num .prodcount {
  margin-right: 20rpx;
}

/* 促销样式 */
.prod-item .prod-block {
  background: #fff;
  border-radius: 10rpx;
}

.prod-item .prod-block.discount .item-cont {
  position: relative;
}

.prod-item .prod-block.discount .item-cont::after {
  content: '';
  position: absolute;
  left: -5rpx;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: 1px dashed #e5e5e5;
  z-index: 0;
}

.prod-item .prod-block .discount-tips {
  padding: 20rpx 0 10rpx 10rpx;
  height: 40rpx;
  line-height: 40rpx;
}

.prod-item .prod-block .discount-tips .text-block {
  padding: 3rpx 5rpx;
  border-radius: 8rpx;
  font-size: 23rpx;
  background: #ff6d13;
  color: #fff;
  position: relative;
}

.prod-item .prod-block .discount-tips .text-block::before {
  position: absolute;
  left: 5px;
  bottom: -4px;
  content: '';
  display: block;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #ff6d13;
}

.prod-item .prod-block .discount-tips .text-list {
  font-size: 26rpx;
  margin-left: 10rpx;
}
.prod-item .prod-block .discount-tips .reduce-amount {
  font-size: 24rpx;
  margin-left: 20rpx;
  color: #ff6d13;
}
/* /促销样式 */

/* 不满足当前配送方式的商品 */
.shop-item .useless {
  /* margin: 0 20rpx; */
  padding: 20rpx;
  background: #f6f9fb;
  border-bottom: 2rpx solid #eee;
}

.shop-item .useless .u-reason {
  color: #999;
  font-size: 24rpx;
}

.shop-item .useless .u-con {
  margin-top: 20rpx;
}

.shop-item .useless .u-con::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.shop-item .useless .u-box {
  white-space: nowrap;
  width: 100%;
}

.shop-item .useless .u-box .u-prods {
  width: 80rpx;
  height: 80rpx;
  font-size: 0;
  margin-right: 20rpx;
  display: inline-block;
}

.shop-item .useless .u-box .u-prods image {
  width: 100%;
  height: 100%;
}

/* 优惠券和留言 */
.shop-item .msg-item {
  padding: 0 20rpx;
}

.shop-item .msg-item .item {
  display: flex;
  border-bottom: 2rpx solid #eee;
  font-size: 28rpx;
  padding: 24rpx 0;
  align-items: center;
}
.shop-item .msg-item .item .tit {
  display: flex;
  align-items: center;
}

.shop-item .msg-item .item:last-child {
  border: 0;
}

.shop-item .msg-item .item .text-box {
  flex: 1;
}

.shop-item .msg-item .item .text-box .number {
  color: #999;
}

.shop-item .msg-item .item .amount {
  color: #ff6d13;
  position: relative;
  padding-right: 28rpx;
}

.shop-item .msg-item .item .amount::after {
  position: absolute;
  right: 8rpx;
  top: 45%;
  display: block;
  width: 14rpx;
  height: 14rpx;
  border: 2rpx solid #b3b3b3;
  border-width: 2rpx 2rpx 0 0;
  content: ' ';
  font-size: 0;
  transform: rotate(45deg) translateY(-50%);
}

.shop-item .msg-item .item .amount .big-num {
  font-size: 28rpx;
}

.shop-item .msg-item .item .input {
  flex: 1;
  background: #fff;
  margin-top: 2rpx;
  font-size: 24rpx;
}

.shop-item .msg-item .item .input-placeholder {
  color: #999;
}

/* 订单信息 */
.order-msg {
  background: #fff;
  border-radius: 23rpx;
  font-size: 28rpx;
  margin-top: 20rpx;
  padding: 0 20rpx 10rpx;
}

.order-msg .item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 16rpx 0;
}

.order-msg .item .text-box {
  flex: 1;
  display: flex;
  align-items: center;
}

.order-msg .item .text-box .number {
  color: #999;
}

.order-msg .item .amount {
  color: #ff6d13;
  position: relative;
  padding-right: 28rpx;
}

.order-msg .item .amount::after {
  position: absolute;
  right: 8rpx;
  top: 45%;
  display: block;
  width: 14rpx;
  height: 14rpx;
  border: 2rpx solid #666;
  border-width: 2rpx 2rpx 0 0;
  content: ' ';
  font-size: 0;
  transform: rotate(45deg) translateY(-50%);
}

.order-msg .item .amount .big-num {
  font-size: 28rpx;
}

.order-msg .item .text-box .integral-tips {
  color: #999;
  display: flex;
  align-items: center;
}

.order-msg .item .text-box .integral-tips image {
  width: 24rpx;
  height: 24rpx;
  margin-left: 10rpx;
}

.order-msg .item .price {
  color: rgb(255, 73, 22);
  flex: 1;
  text-align: right;
}

.order-msg .item .price .big-num {
  font-size: 28rpx;
}

.order-msg .item .price.black {
  color: #333;
}

/* 积分抵扣 */

/* 会员积分 */
.member-points {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.integral-icon {
  display: inline-block;
  width: 35rpx;
  height: 35rpx;
  vertical-align: middle;
}
.integral-icon > image {
  display: block;
  width: 100%;
  height: 100%;
}

.integral-deduction {
  display: flex;
}

.integral-tips {
  color: #999;
  display: flex;
  align-items: center;
}
.integral-tips > image {
  margin-left: 10rpx;
  width: 36rpx;
  height: 36rpx;
}

.integral-right-select {
  display: inline-block;
  line-height: 1em;
}
.all {
  font-size: 28rpx;
  margin-left: 20rpx;
}

.all label {
  display: flex;
  align-items: center;
}

/* 底部栏 */

.submit-order-footer {
  position: fixed;
  bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  width: 100%;
  max-width: 750rpx;
  background: #fff;
  margin: auto;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  font-size: 26rpx;
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.05);
  height: 120rpx;
  z-index: 1;
}

.submit-order-footer .sub-order {
  flex: 1;
  margin: 0 30rpx;
  line-height: 100rpx;
  display: block;
  text-align: left;
  font-size: 28rpx;
  background: #fff;
  z-index: 5;
}

/* .item-txt {
	height: 100rpx;
	line-height: 100rpx;
} */

.submit-order-footer .footer-box {
  padding: 0 10rpx;
  width: 200rpx;
  //background: #ff6d13;
  background-image: linear-gradient(90deg, #ff9d16, #ff6d13);
  text-align: center;
  color: #fff;
  font-size: 30rpx;
  border-radius: 60rpx;
  height: 2.5em;
  line-height: 2.5em;
  margin-right: 20rpx;
}

.submit-order-footer .sub-order .item-txt .price {
  display: inline;
  color: rgb(255, 73, 22);
  font-size: 28rpx;
}

.clearfix:after {
  content: ' ';
  display: table;
  clear: both;
}

/** 优惠券弹窗 **/

.popup-hide {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.3);
}

.popup-box {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80%;
  overflow: hidden;
  background-color: #fff;
  border-radius: 10rpx 10rpx 0 0;
}

.popup-tit {
  position: relative;
  height: 46px;
  line-height: 46px;
  padding-left: 10px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
  text-align: center;
}

.close {
  color: #3d3d3d;
  border-radius: 12px;
  line-height: 20px;
  text-align: center;
  height: 20px;
  width: 20px;
  font-size: 18px;
  padding: 1px;
  top: 10px;
  right: 10px;
  position: absolute;
}

.coupon-tabs {
  display: flex;
  font-size: 14px;
  justify-content: space-around;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 15rpx;
  padding-bottom: 15rpx;
}

.coupon-tab {
  padding: 10px 0;
}

.coupon-tab.on {
  border-bottom: 2px solid #ff6d13;
  font-weight: 600;
}

.popup-cnt {
  height: calc(100% - 88px);
  overflow: auto;
  padding: 0 20rpx 50rpx;
}

.coupon-ok {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 60px;
  line-height: 50px;
  font-size: 14px;
  text-align: center;
  box-shadow: 0px -1px 1px #ddd;
  background: rgba(255, 255, 255, 0.9);
  z-index: 2;
}

.coupon-ok text {
  border-radius: 20px;
  height: 81rpx;
  line-height: 81rpx;
  width: 90vw;
  background: linear-gradient(to left, #f45c43, #ff6d13);
  background: -webkit-linear-gradient(to left, #f45c43, #ff6d13);
  color: #fff;
  /* box-shadow: -1px 3px 3px #aaa; */
  display: inline-block;
}

.botm-empty {
  height: 60px;
}

/*checkbox 选项框大小  */

checkbox .wx-checkbox-input {
  border-radius: 50%;
  width: 35rpx;
  height: 35rpx;
}

/*checkbox选中后样式  */

checkbox .wx-checkbox-input.wx-checkbox-input-checked {
  background: #ff6d13;
  border-color: #ff6d13;
}

/*checkbox选中后图标样式  */

checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
  text-align: center;
  font-size: 22rpx;
  color: #fff;
  background: transparent;
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}

/* 会员积分 */
.member-points {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.integral-icon {
  display: inline-block;
  width: 35rpx;
  height: 35rpx;
  vertical-align: middle;
}

.integral-icon > image {
  display: block;
  width: 100%;
  height: 100%;
}

.integral-deduction {
  display: flex;
}

.integral-tips {
  color: #999;
  display: flex;
  align-items: center;
}

.integral-tips > image {
  margin-left: 10rpx;
  width: 36rpx;
  height: 36rpx;
}

.integral-right-select {
  display: inline-block;
  line-height: 1em;
}

radio.item-group {
  display: block;
  width: 35rpx;
  height: 35rpx;
  text-align: center;
}

radio.item-group .wx-radio-input {
  border-radius: 50%;
  width: 32rpx;
  height: 32rpx;
  text-align: center;
}

/* 选中后的样式 （可根据设计稿需求自己修改） */
/* radio .wx-radio-input.wx-radio-input-checked::before{ */
/* border-radius: 50%; */
/* width: 54rpx; */
/* height: 54rpx; */
/* line-height: 54rpx; */
/* text-align: center; */
/* font-size: 34rpx; 对勾大小 26rpx */
/* color:#fff; 对勾颜色 */
/* background: #faa845; */
/* border-color: #faa845; */
/* } */

.box-radius {
  border-radius: 24rpx 24rpx 0 0;
}

/* 修改积分弹出层 */
.score-pop {
  height: 25%;
  min-height: 160px;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  width: 80%;
  border-radius: 20rpx;
  padding: 0 40rpx;
  padding-top: 10px;
  box-sizing: border-box;
}

.score-pop-con .popup-tit {
  align-content: flex-start;
}

.score-pop-con {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: 90%;
}

.score-pop-item {
  width: 100%;
}

.score-int {
  padding: 30rpx 0 10rpx;
  font-size: 28rpx;
  font-family: arial;
  border-bottom: 2rpx solid #ddd;
  /* 解决ios输入框无法输入 */
  -webkit-user-select: text !important;
}

.score-pop-tit {
  margin: 0;
  width: 100%;
}
.score-pop-item .usable-tips {
  display: inline-block;
  font-size: 24rpx;
  color: #999999;
  margin-top: 18rpx;
}
.score-pop-item .confirm-btn {
  display: block;
  border-radius: 50rpx;
  background-color: #ff6d13;
  color: #ffffff;
  padding: 10rpx;
  text-align: center;
}

.score-tips {
  color: #999;
  font-size: 26rpx;
}

.score-placeholder {
  font-size: 26rpx;
}

/* 选择配送方式弹窗 */
.popup-hide .popup-box.height-auto {
  height: auto;
}

.popup-hide .con-tit {
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 28rpx;
  font-weight: bold;
  padding: 30rpx;
}

.popup-hide .con-tit .sure {
  font-size: 0;
  width: 32rpx;
  height: 32rpx;
}

.popup-hide .con-tit .sure image {
  width: 100%;
  height: 100%;
}

.popup-hide .con-tit .tit-text {
  flex: 1;
  text-align: center;
}

.popup-hide .pop-con {
  padding: 0 30rpx;
}

.popup-hide .pop-con .distribution-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30rpx 0;
  border-top: 2rpx solid #eee;
  font-size: 28rpx;
}

/* 可用地址弹窗 */

.popup-hide .address-list {
  height: 60%;
}

.popup-hide .address-list .con-tit {
  position: relative;
}

.popup-hide .address-list .con-tit::after {
  position: absolute;
  left: 30rpx;
  right: 30rpx;
  bottom: 0;
  display: block;
  width: auto;
  height: 2rpx;
  content: ' ';
  font-size: 0;
  background: #b3b3b3;
}

.popup-hide .address-box {
  padding: 0 30rpx;
  height: calc(100% - 104rpx);
  overflow-y: auto;
}

.popup-hide .address-box::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.popup-hide .address-box .item {
  display: flex;
  align-items: center;
  padding: 30rpx 0;
  border-bottom: 2rpx solid #eee;
}

.popup-hide .address-box .item:last-child {
  border: 0;
}

.popup-hide .address-box .item .text-box {
  flex: 1;
  margin-right: 20rpx;
  font-size: 26rpx;
}

.popup-hide .address-box .item .text-box .address {
  line-height: 36rpx;
  word-break: break-word;
}

.popup-hide .address-box .item .text-box .address .default-address {
  padding: 2rpx 6rpx;
  border-radius: 2px;
  font-size: 10px;
  background: #ff6d13;
  color: #fff;
  display: inline-block;
  line-height: 24rpx;
  vertical-align: top;
  margin-right: 10rpx;
  margin-top: 4rpx;
}

.popup-hide .address-box .item .text-box .user {
  word-break: break-all;
  margin-top: 10rpx;
  color: #999;
}

/* 历史提货人弹窗 */
.popup-hide .history-user {
  height: auto;
  min-height: 45%;
}

.popup-hide .history-user .item .text-box .history-picker-user {
  display: flex;
}
.popup-hide .history-user .item .text-box .address .gray {
  color: #999;
  word-break: keep-all;
}

/* 选择提货时间弹窗 */
.popup-hide .raising-time {
  height: 60%;
}

.popup-hide .raising-time .time-box {
  height: calc(100% - 104rpx);
  display: flex;
  font-size: 24rpx;
  font-family: arial;
  border-top: 2rpx solid #eee;
}

.popup-hide .raising-time .time-box .day-box {
  background: #f5f5f5;
  width: 220rpx;
}

.popup-hide .raising-time .time-box .day-box .item {
  padding: 30rpx 0;
  height: 40rpx;
  line-height: 40rpx;
  text-align: center;
}

.popup-hide .raising-time .time-box .day-box .item.active {
  background: #fff;
}

.popup-hide .raising-time .time-box .hour-box {
  flex: 1;
  padding: 10rpx 30rpx;
  overflow-y: auto;
}

.popup-hide .raising-time .time-box .hour-box .item {
  display: flex;
  align-items: center;
  height: 40rpx;
  padding: 24rpx 0;
}

.popup-hide .raising-time .time-box .hour-box .item .number {
  flex: 1;
  line-height: 40rpx;
  font-size: 14px;
}

.red-word {
  color: #ff6d13;
}

/* 错误提示 */
/* .item {
	display: block;
	margin-bottom: 30rpx;
} */
.error .error-text {
  display: block;
  width: 100%;
  font-size: 28rpx;
  color: #ff6d13;
  text-align: left;
  margin-top: 10rpx;
}
.error .error-text .warning-icon {
  display: inline-block;
  color: #fff;
  width: 26rpx;
  height: 26rpx;
  line-height: 26rpx;
  background: #ff6d13;
  border-radius: 50%;
  text-align: center;
  margin-right: 12rpx;
  font-size: 22rpx;
}
.map {
  height: 100%;
}

.goOut {
  background-color: #fff;
  text-align: center;
}
.invoice {
  position: relative;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
.text-arrow {
  position: relative;
  padding-right: 28rpx;
}
.text-arrow ::after {
  position: absolute;
  right: 8rpx;
  top: 45%;
  display: block;
  width: 14rpx;
  height: 14rpx;
  border: 2rpx solid #666;
  border-width: 2rpx 2rpx 0 0;
  content: ' ';
  font-size: 0;
  transform: rotate(45deg) translateY(-50%);
}

.invoice-title {
  flex: 1;
}
.invoice-arrow {
  flex: 4;
  word-break: break-word;
}

.noData {
  text-align: center;
  color: #ccc;
  margin-top: 40%;
  font-size: 16px;
}

.coupon-item {
  margin: 15px 0;
  position: relative;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
  height: 95px;
  background: #fff;
}
.coupon-item .left {
  float: left;
  color: #fff;
  text-align: center;
  border-left: 1px dashed #fff;
  padding: 20px 0;
  background: -webkit-gradient(linear, left top, right top, from(#f45c43), to(#ff6d13));
  background: -o-linear-gradient(to right, #f45c43, #ff6d13);
  background: linear-gradient(to right, #f45c43, #ff6d13);
  background: -webkit-linear-gradient(to right, #f45c43, #ff6d13);
  width: 260rpx;
  height: 55px;
}

.coupon-item .left .num {
  font-weight: 600;
  font-size: 30rpx;
  /* height:70rpx; */
  /* line-height:70rpx; */
  font-family: arial;
}
.coupon-item .left .num .coupon-price {
  font-size: 60rpx;
  line-height: 1em;
  display: inline-block;
  font-family: arial;
}
.coupon-item .left .coupon-condition {
  font-size: 28rpx;
  line-height: 28rpx;
  padding: 0 2px;
  display: block;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.coupon-item .right {
  margin-left: 270rpx;
  padding: 20rpx 10rpx;
  height: 95px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.coupon-item .right .c-des {
  height: 30px;
  font-size: 26rpx;
  line-height: 30px;
  overflow: hidden;
  font-weight: 600;
}
.coupon-item .right .c-des .c-type {
  font-size: 24rpx;
  background: #fdf0f0;
  color: #ff6d13;
  border-radius: 8px;
  padding: 3px 10px;
  margin-right: 6rpx;
}
.coupon-item .right .c-date {
  font-size: 24rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.coupon-item .right .c-date .c-data-info {
  font-family: arial;
  word-break: break-word;
  max-width: 70%;
}
.coupon-item .right .c-date .c-btn {
  display: inline-block;
  color: #fff;
  font-size: 24rpx;
  font-family: arial;
  border-radius: 14px;
  padding: 3px 7px;
  background-color: #ff6d13;
  border: 1px solid #ff6d13;
}

.coupon-item .right .c-date .c-btn.get-btn {
  background: #fff;
  border: 1px solid #ff6d13;
  color: #ff6d13;
}

.coupon-item .right .c-date .no-use-btn {
  color: #fff;
  font-size: 24rpx;
  font-family: arial;
  border-radius: 14px;
  padding: 3px 7px;
  background: #bbbbbb;
  border: 1px solid #bbbbbb;
}

.coupon-item.gray .left {
  background: #bbb;
}

.coupon-item.gray .right .c-des .c-type {
  background: #bbb;
  color: #fff;
}

.coupon-item.gray .right .c-date .c-btn {
  display: none;
}

.coupon-item .tag-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 120rpx;
  height: 120rpx;
}

.coupon-item .sel-btn {
  position: absolute;
  right: 10px;
  top: 35px;
}
